<!-- 协议 -->
<script setup>
import { reactive } from 'vue'
import { onLoad, onReady } from '@dcloudio/uni-app'
// 数据
const data = reactive({
  title: '协议详情',
  nodes: `模拟协议内容`,
})
onLoad((options) => {
  // 获取协议内容
  // data.nodes = '模拟协议内容'

})
onReady(() => {
  uni.setNavigationBarTitle({
    title: '协议详情'
  });
})
</script>

<template>
  <div class="agreement-detail-page">
    <!-- <view class="title">
      <text>{{ data.title }}</text>
    </view> -->
    <rich-text :nodes="data.nodes"></rich-text>
  </div>
</template>

<style lang="scss" scoped>
.agreement-detail-page {
  box-sizing: border-box;
  padding: 30rpx;
  min-height: 100vh;
  background-color: #F9F9F9;

  // & .title {
  //   margin-bottom: 30rpx;
  //   font-weight: 500;
  //   font-size: 36rpx;
  //   color: #303133;
  //   text-align: center;
  // }

  & rich-text {
    font-weight: 400;
    font-size: 28rpx;
    color: #303133;
  }
}
</style>